<template>
  <div class="blog-post">
<!--    <div>-->
<!--        <input v-model="inputText" type="text">-->
<!--        <p>inputText: {{inputText}}</p>-->
<!--    </div>-->
    <div>
      <h3>基础组件   -  在组件上使用v-model</h3>
      <input
        v-bind:value="value"
        v-on:input="$emit('input', $event.target.value)"
      >
    </div>
    <h3>{{ post.title }}</h3>
    <div v-html="post.content"></div>
    <button @click="$emit('enlarge-text', 0.1)">
      点击放大
    </button>
  </div>
</template>

<script>
    export default {
        name: "blog-post",
        props:['post'],
        data() {
            return {
                inputText: ''
            }
        }
    }
</script>

<style scoped>

</style>
